$(function () {
    // 设置文章封面上传图片预览功能
    $('#inputCover').on('change', function () {
        let picUrl = URL.createObjectURL(this.files[0]);
        $('.article_cover').attr('src', picUrl);
    });

    // 发起ajax请求，加载下拉框数据
    $.ajax({
        type: 'get',
        url: BigNew.category_list,
        success: function (backData) {
            if (backData.code == 200) {
                let htmlStr = '';
                // 遍历数据，加载到下拉框
                $.each(backData.data, function (index, value) {
                    htmlStr += `<option value="${value.id}">${value.name}</option>`;
                });
                $('.category').html(htmlStr);
            }
        }
    });

    // 设置日期插件点击事件
    $('.jeinpbox').on('click', function () {
        jeDate('#testico', {
            trigger: false,
            format: 'YYYY-MM-DD',
            theme: {
                bgcolor: "#09f",
                color: "#ffffff",
                pnColor: "#00CCFF"
            }
        })
    });

    // 加载富文本插件
    const E = window.wangEditor;
    const editor = new E('#editor');
    editor.create();

    // 获取当前点击编辑按钮的id
    let articleId = window.location.search.split('=')[1];
    // console.log(article);
    // 发起ajax请求 获得文章数据 渲染页面
    $.ajax({
        type: 'get',
        url: BigNew.article_search,
        data: {
            id: articleId
        },
        success: function (backData) {
            // console.log(backData);
            if (backData.code == 200) {
                $('.title').val(backData.data.title);
                $('.article_cover').attr('src', backData.data.cover);
                $('.category').val(backData.data.categoryId);
                $('.jeinput').val(backData.data.date);
                editor.txt.html(backData.data.content);
            }
        }
    });

    // 封装编辑数据函数
    function saveData(state) {
        let fd = new FormData(document.querySelector('form'));
        fd.append('id', articleId);
        fd.append('state', state);
        fd.append('content', editor.txt.html());
        // 发起ajax请求 修改文章数据
        $.ajax({
            type: 'post',
            url: BigNew.article_edit,
            data: fd,
            contentType: false,
            processData: false,
            success: function (backData) {
                if (backData.code == 200) {
                    alert(backData.msg);
                    window.location = './article_list.html';
                }
            }
        })
    }

    // 设置点击按钮事件
    $('.form-btn button').on('click', function (e) {
        e.preventDefault();
        let text = $(this).text();
        if (text == '修改') {
            saveData('已发布')
        } else {
            saveData('草稿')
        }
    })
})